<template>
	<view>
		<view class="calendar">
			<uni-calendar
			:insert="true"
			:lunar="true" 
			:showMonth="false"
			:start-date="'2019-3-2'"
			:end-date="'2019-5-20'"
			@change="change"
			></uni-calendar>
		</view>
		<block v-for="(item,index) in vsData" :key="index">
			<vs-card :vsData="item"></vs-card>
		</block>
		<view class="makeMoreTask flex justify-center align-center">
			<text>新建拜访任务</text>
		</view>
	</view>
</template>

<script>
	import uniCalendar from '@/components/uni-calendar/uni-calendar.vue'
	import vsCard from '@/components/my-components/visitCard/vsCard.vue'
	export default{
		components: {
			uniCalendar,
			'vs-card':vsCard
		},
		data(){
			return{
				vsData:[
					{
						status: "未完成",
						nameOfShop: "宝乐店",
						location: "江苏省无锡市惠山区荷叶新村100-5",
						vsFrom: "任务来自 @ 段志勇（GT市办经理）"
					},
					{
						status: "已完成",
						nameOfShop: "中桥店",
						location: "江苏省无锡市南长区盛岸二村重阳楼一楼"
					},
					{
						status: "已完成",
						nameOfShop: "中桥店",
						location: "江苏省无锡市南长区盛岸二村重阳楼一楼",
						vsFrom: "任务来自 @ 段志勇（GT市办经理）"
					},
					{
						status: "未完成",
						nameOfShop: "宝乐店",
						location: "江苏省无锡市惠山区荷叶新村100-5"
					}
				]
			}
		}
	}
</script>

<style>
	.calendar{
		margin-bottom: 14rpx;
	}
	.makeMoreTask{
		height: 80rpx;
		background-color: #FF9800;
		margin-top: 50rpx;
	}
	.makeMoreTask text{
		font-size: 32rpx;
		color: #FFFFFF;
	}
</style>
